html { font-size: 50px; }

body { font-size: 24px; }

@media screen and (min-width: 320px) { html { font-size: 21.33px; }
  body { font-size: 12px; } }

@media screen and (min-width: 360px) { html { font-size: 24px; }
  body { font-size: 12px; } }

@media screen and (min-width: 375px) { html { font-size: 25px; }
  body { font-size: 12px; } }

@media screen and (min-width: 384px) { html { font-size: 25.6px; }
  body { font-size: 14px; } }

@media screen and (min-width: 400px) { html { font-size: 26.67px; }
  body { font-size: 14px; } }

@media screen and (min-width: 414px) { html { font-size: 27.6px; }
  body { font-size: 14px; } }

@media screen and (min-width: 424px) { html { font-size: 28.27px; }
  body { font-size: 14px; } }

@media screen and (min-width: 480px) { html { font-size: 32px; }
  body { font-size: 15.36px; } }

@media screen and (min-width: 540px) { html { font-size: 36px; }
  body { font-size: 17.28px; } }

@media screen and (min-width: 720px) { html { font-size: 48px; }
  body { font-size: 23.04px; } }

@media screen and (min-width: 750px) { html { font-size: 50px; }
  body { font-size: 24px; } }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, section, article, aside, header, footer, nav, dialog, figure, hgroup { margin: 0; padding: 0; }

input, select, textarea { font-size: 100%; }

table { border-collapse: collapse; border-spacing: 0; }

fieldset, img { border: 0; }

caption, th { text-align: left; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 500; }

ul, ol, li { list-style: none; }

em, i { font-style: normal; }

a, img { -webkit-tap-highlight-color: transparent; }

/*banquet*/
.banquet-list { width: 100%; height: auto; text-align: center; padding-bottom: 1rem; }

.banquet-list li { width: 100%; padding-bottom: 2rem; }


.banquet-list img { width: 100%; }

.banquet-list .name { font-size: 0.8rem; color: #535353; font-weight: bold; padding: 0.5rem 0; }

.banquet-list span { color: #fff; display: inline-block; padding: 0.2rem 0.2rem; border-radius: 0.12rem; margin: 0 0.2rem; }

.banquet-list .icon1 { background-color: #c577fc; }

.banquet-list .icon2 { background-color: #5cc318; }

.banquet-list .icon3 { background-color: #ff5f40; }

.banquet-list .text { color: #656565; margin-top: 0.4rem; font-size: 0.64rem; }

.banquet-list .text i { display: inline-block;width: 1.6rem; height: 1.68rem; background-image: url(../images/m-adres.png?v=a7451); background-size: 1.6rem 1.68rem; }

.banquet-list .date { font-size: 1.32rem; font-family: 'helvetica'; color: #ffb700; line-height: 2rem; }

.banquet-list .icon { font-size: 0.64rem; display: inline-block; color: #fff; padding: 0 0.5rem; text-shadow: 1px 1px 1px #aaa; height: 1.2rem; background-image: url(../images/m-but.png?v=2a8ed); background-size: 100% 1.2rem; line-height: 1.2rem; }

.banquet-list .send-text { font-size: 0.64rem; font-weight: bold; color: #eb0028; position: absolute; top: 2.4rem; width: 100%; text-align: center; }

.banquet-list .but { display: block; width: 4.76rem; height: 2rem; margin: 0 auto; position: relative; margin-top: 0.4rem; background-image: url(../images/m-bless.png?v=1d6a4); background-size: 4.76rem 2rem; }

.banquet-list .but i { position: absolute; top: 0.6rem; left: 1.54rem; display: inline-block; width: 1.34rem; height: 1.2rem; background-image: url(../images/m-bless1.png?v=54986); background-size: 1.34rem 1.2rem; }

.top-bg { width: 100%; height: 0.94rem; background-image: url(../images/list-bg.png?v=d8e20); }

/*banquet-detail*/
.banqute-detail { text-align: center; margin-bottom: 1.6rem; width: 100%; }

.banqute-detail .name { width: 100%; height: 1.42rem; position: relative; margin-top: 0.7rem; margin-bottom: 0.5rem; background-image: url(../images/banquet.png?v=ffec9); background-size: 1.42rem 1.42rem; background-repeat: no-repeat; background-position: center; }

.banqute-detail .name span { font-size: 0.8rem; color: #ffc12d; font-weight: bold; line-height: 1.42rem; position: absolute; }

.banqute-detail .l-text { right: 8.7rem; }

.banqute-detail .r-text { left: 8.7rem; }

.banqute-detail .title { color: #ffc12d; font-size: 0.8rem; margin-bottom: 0.6rem; line-height: 1.42rem; }

.banqute-detail img { width: 100%; margin-top: 0.2rem; }

.banqute-detail .adres { font-size: 0.64rem; color: #2a2a2a; margin-top: 0.7rem; font-weight: bold; }

.banqute-detail .text { color: #656565; margin-top: 0.5rem; font-size: 0.56rem; }

.banqute-detail .text span { color: #4b4b4b; font-size: 0.6rem; font-weight: bold; }

.banqute-detail .text:last-child { margin-bottom: 0.2rem; }

.banqute-detail .icon { height: 1.2rem; width: 8.4rem; margin: 0 auto; font-size: 0.64rem; text-shadow: 1px 1px 1px #aaa; line-height: 1.2rem; color: #fff; margin-top: 0.6rem; background-image: url(../images/m-but.png?v=2a8ed); background-size: 8.4rem 1.2rem; }

.banqute-detail .dishes { font-size: 0.6rem; color: #565656; padding: 0.5rem 0; margin-bottom: 0.6rem; }

.banqute-detail .top-bg { margin-top: 1.1rem; }

.bless-title { display: inline-block; background-image: url(../images/m-blessicon.png?v=2e310); background-size: 0.52rem 0.48rem; background-repeat: no-repeat; font-size: 0.56rem; color: #747474; text-indent: 0.7rem; }

.bless-lists { width: 100%; height: auto; overflow: hidden; padding: 0 1rem; margin: 0.6rem 0; }

.bless-lists li { width: 100%; height: auto; overflow: hidden; }

.bless-lists img { width: 1.68rem; height: 1.68rem; border-radius: 50%; border: solid 0.06rem #ffb700; float: left; }

.bless-lists p { float: left; margin-left: 0.2rem; width: 11rem; font-size: 0.52rem; line-height: 0.8rem; color: #747474; text-align: left; padding-top: 0.4rem; }

.bless-lists span { font-size: 0.64rem; color: #f20000; }

.suspend { position: fixed; right: 1rem; bottom: 3rem; }

.suspend a { display: block; width: 2rem; text-align: center; margin-top: 0.6rem; }

.suspend span { width: 2rem; height: 2rem; display: block; background-color: rgba(0, 0, 0, 0.6); border-radius: 50%; background-repeat: no-repeat; background-position: center; }

.suspend a:first-child span { background-image: url(../images/m-icon1.png?v=ea867); background-size: 1.38rem 1.16rem; }

.suspend a:last-child span { background-image: url(../images/m-icon2.png?v=de614); background-size: 1.4rem 1.18rem; background-position: center 0.3rem; }

.suspend p { text-align: center; color: #ffdc00; line-height: 0.9rem; }

.suspend a:hover p { color: #ffb700; }

.suspend a:first-child:hover span { background-image: url(../images/m-icon1-1.png?v=f9b52); }

.suspend a:last-child:hover span { background-image: url(../images/m-icon2-1.png?v=cded2); }

@keyframes myfirst { 0% { -webkit-transform: scale(1); transform: scale(1); }
  100% { -webkit-transform: scale(0.7); transform: scale(0.7); } }

@-webkit-keyframes myfirst { 0% { -webkit-transform: scale(1); }
  100% { -webkit-transform: scale(0.7); } }

.myfirst { animation: myfirst 0.7s linear infinite alternate; -webkit-animation: myfirst 0.7s linear infinite alternate; -moz-animation: myfirst 0.7s linear infinite alternate; }
